<template>
	<view class="container">
		<view class="d-flex flex-column">
			<view class="d-flex flex-row justify-content-between align-items-center bg-theme header">
				<view class="font-color-white font-size-45">PowerFul</view>
				<image class="img-150 circle" src="../../static/avatar.jpg"></image>
			</view>
			
			<view
				@click="toCoupon"
				class="d-flex felx-row justify-content-between align-items-center bg-white p-20 b-b-1 m-t-20">
				<view class="d-flex flex-row align-items-center">
					<image class="img-40" src="../../static/coupon.png"></image>
					<view class="m-l-20">我的券包</view>
				</view>
				<image class="img-30" src="../../static/right.png"></image>
			</view>
			
			<view 
				@click="toMember()"
				class="d-flex felx-row justify-content-between align-items-center bg-white p-20">
				<view class="d-flex flex-row align-items-center">
					<image class="img-40" src="../../static/member-green.png"></image>
					<view class="m-l-20">会员储值卡</view>
				</view>
				<image class="img-30" src="../../static/right.png"></image>
			</view>
			
			<view 
				@click="toAddress()"
				class="d-flex felx-row justify-content-between align-items-center bg-white p-20 m-t-20">
				<view class="d-flex flex-row align-items-center">
					<image class="img-40" src="../../static/address.png"></image>
					<view class="m-l-20">我的地址</view>
				</view>
				<image class="img-30" src="../../static/right.png"></image>
			</view>
			
			<view 
				@click="toProposal()"
				class="d-flex felx-row justify-content-between align-items-center bg-white p-20 m-t-20">
				<view class="d-flex flex-row align-items-center">
					<image class="img-40" src="../../static/message.png"></image>
					<view class="m-l-20">请留下您珍贵的建议与意见</view>
				</view>
				<image class="img-30" src="../../static/right.png"></image>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		name: 'home',
		setup(props) {
			
			const toCoupon = () => {
				uni.navigateTo({url: '../coupon/coupon'})
			}
			const toMember = () => {
				uni.navigateTo({url: '../member/member'})
			}
			const toAddress = () => {
				uni.navigateTo({url: './address'})
			}
			const toProposal = () => {
				uni.navigateTo({url: './proposal'})
			}
			
			return {
				//数据
				
				//方法
				toCoupon,
				toMember,
				toAddress,
				toProposal,
			}
		}
	}
</script>

<style scoped>
	.header{
		padding: 80rpx 40rpx;
	}
</style>
